<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>html标签练习</title>
</head>

<body>
    <!-- div 和 span标签-->
    <div>单独显示在一行。每个div里的内容都会单独显示一行</div>123
    <div>单独显示在一行。每个div里的内容都会单独显示一行</div>123<br>
    <span> 百度 新浪 谷歌</span>

    <span>一行可以放多个span</span>
    <div>一行可以放一个div</div>

    <h2>图像标签和路径</h2>
    <img src="img2.jpg" />
    <h3>图像不显示时，使用alt标签显示文本</h3>
    <img src="img.jpg" alt="使用文本替换图片" />
    <h3>title标签 光标划过图片显示的提示语</h3>
    <img src="img2.jpg" alt="图片不显示时，显示文本" title="光标划过显示的文本" width="500" />
    <br/>
    <img src="../Images/双拼.PNG" alt="图片不显示时，显示文本" title="光标划过显示的文本" height="200" />
















</body>

</html>